<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>动漫网-在线动漫</title>
<!-- 先运行js -->
<script src="js/index.js"></script>

<style type="text/css">
*{
	margin:0px;
	padding:0px;
}
li{list-style: none;}/*清除所有点*/
/**/
.div2 .left {
    float: left;
    margin-left: 70px;
}

.div2 .right {
    float: right;
    margin-right: 20px;
    font-size: 20px;
}
.div2 a {
    color:rgb(255, 255, 255);}
.div2 a:hover{
    color: deepskyblue;
}
/*logo*/
.div3 .daohanglan ul li{ 
    float:left;
	padding:0px 1px; 
}
.div3 .daohanglan ul li a{
    text-decoration:none;
	color:rgb(255, 255, 255);
	font-size:18px;
    display: block;/*转为块级元素 不然没法设置大小*/
    padding: 15px 20px 0;
    height: 40px;}
.div3 .daohanglan ul li a:hover{ 
    background-color: #303030;}
.shouye{ background-color: #303030;}/*首页选中状态*/
/*导航栏*/
.xiala ul{
    float: left;
    width: 76px;
    height: auto;
    display: none;/*隐藏*/
    position: absolute;/*定位 不然会占空间*/
}
.xiala ul li{
	float:none;
    background-color: #292929;
}
.xiala:hover ul{
    display:block;/*鼠标放上去显示*/
}
.xiala ul li a:hover{
    text-decoration:underline;
    color: aqua;
}
.xiala ul li a{
    width: 36px;padding-left: 19px;padding-right: 19px;/*上下有两像素的差距*/
}
/*分类下拉菜单*/
.sousuo{
    float: right;
    margin:20px 10px 0px 0px;
}
/*搜索*/

.mrtj-nr{
    width: 150px;
    height: 200px;
    float: left;
    margin: 0px 5px 40px 5px;
}
.mrtj-nr a{
    color: #fff;
}
/*十张图片*/
.daohanglan{    
    position: relative;
    bottom:-2px;
    left: -1px;/*通过偏移实现覆盖 星期覆盖下面列表*/
}
.daohanglan ul li{ 
    float:left;
	padding:0px 1px; 
}
.div6 .daohanglan ul li a{
    text-decoration:none;
	color:rgb(255, 255, 255);
	font-size:16px;
    color: #888899;
    display: block;/*转为块级元素 不然没法设置大小*/
    padding: 5px 7px 0;
    height: 30px;
    border-style:solid solid none ;
    border-color: #292929;
    border-width:1px;
}
.div6 .daohanglan ul li a:hover{ 
    background-color: #303030;
    border-color: #666;
    border-width:1px;
    border-bottom-color:#303030;}
#zhouyi{ background-color: #303030;
    border-style:solid solid solid ;
    border-color: #666;
    border-width:1px;
    border-bottom-color:#303030;
}
/* 星期 */
.div8 .ul1 li a{
    color: #fff;
}
.div8 .ul2 li a{
    color: #60b8cc;
}
.div8 ul{
    display: block;
}
.ul1{
    float: left;
    margin: 10px;
}
.ul2{
    float: right;
    margin: 10px;
}
.div8 ul li{
    margin: 8px 0;
}
/*星期下面*/
.div1{
    width: 1200px;
    height: 1024px;
    background-color: #292929;
    margin:0 auto;
}
.div2{
    width: 1200px;
    height: 110px;
    background-color:#292929;
    padding-top: 30px;/* 盒子上内边距 图片上距离*/
}
.div3{
    width: 1200px;
    height: 50px;
    padding: auto 10px;
    border-bottom: 6px solid #303030;
    background-color: #292929;
    
}
.div4{
    width: 400px;
    width: auto;
    float: left;
}
.div5{
    width: 820px;
    height: 520px;
    background-color: #292929;
    float: left;
}
.div6{
    width: 380px;
    height: 500px;
    background-color: #292929;
    float: left;
    /* position: relative;
    bottom: 10px; */
}


.div8{
    width: 344px;
    height: 420px;
    float: left;
    background-color: #303030;
    border-style:solid solid solid ;
    border-color: #666;
    border-width:1px;
}
footer {
            width: 100%;
            margin-top: 600px;
            /*height: 120px;*/
            background-color: #292929;
            border-top: 1px solid #ccc;
            clear: both;
            text-align: center;
            color: #999;
            font-size: 14px;
        }/*对底部进行设置，设置宽度，上外边距，背景颜色，上边框，清除浮动，文本对齐，字体颜色，字体大小*/
        footer ul {
            width: 300px;
            margin: 0px auto;
            line-height: 40px;;
        }/*对底部的无序列表进行设置，设置宽度，外边距，行高*/
        footer ul li {
            float: left;
            margin-left: 9px;
        }/*对底部的无序列表中的列表项进行设置，设置左浮动，左外边距*/
        footer a {
            color: #888;
            text-decoration: none;;
        }/*对底部的a进行设置，设置字体颜色，文本装饰*/
        footer p {
            clear: both;
            line-height: 40px;
        }/*对底部的p进行设置，设置行高，清除浮动*/
</style>
</head>
<body>

    <div class="div1">
        <div class="div2">
            <div class="left"><a href="index.html"><img src="sucai/在线动漫.png" title="返回首页"></a></div>
            <div class="right"><a href="denglu.html">登录</a>|<a href="zhuce.html">注册</a></div>
        </div>
        <div class="div3">
            <div class="daohanglan">
                <ul>
                    <li><a href="#" class="shouye">首页</a></li>
                    <li><a href="#">每日推荐</a></li>
                    <li><a href="#">最近更新</a></li>
                    <li class="xiala"><a href="#">分类</a>
                        <ul>
                            <li><a href="">热血</a></li>
                            <li><a href="">搞笑</a></li>
                            <li><a href="">校园</a></li>
                            <li><a href="">科幻</a></li>
                            <li><a href="">恐怖</a></li>
                        </ul>
                    </li>
                    <li><a href="#">排行榜</a></li>

                    <!-- 倒计时 -->
                    <li id="countDown" onclick="getValue()"><a>什么时候能放假《点我》</a></li>

                </ul>
                
            </div>
            <!-- 搜索栏 -->
            <dib class="sousuo">
                <form>
                    <input type="sousuo" placeholder="输入关键字">
                    <!-- search  搜索 -->
                    <button onclick="search()" type='button'>搜索</button>
                </form>
            </dib>
        </div>
        <div class="div4">
            <div class="div5">
                <h3 style="margin: 10px ; color: #fff;">每日推荐</h3>
           
                            <div class="mrtj-nr">
                                <a href="bofang.html">
                                    <div class="mrtj-tp"><img src="sucai/t1.jpg">熊熊勇闯异世界</div>
                                </a>
                            </div>
                            <div class="mrtj-nr">
                                <a href="bofang.html">
                                    <div><img src="sucai/t2.jpeg">打了300年的史莱姆</div>
                                </a>
                            </div>
                            <div class="mrtj-nr">
                                <a href="bofang.html">
                                    <div><img src="sucai/t3.jpg">本田小狼与我</div>
                                </a>
                            </div>
                            <div class="mrtj-nr">
                                <a href="bofang.html">
                                    <div><img src="sucai/t4.jpeg">小林家的龙女仆S</div>
                                </a>
                            </div>
                            <div class="mrtj-nr">
                                <a href="bofang.html">
                                    <div><img src="sucai/t5.jpg">在魔王城说晚安</div>
                                </a>
                            </div>
                            <div class="mrtj-nr">
                                <a href="bofang.html">
                                    <div><img src="sucai/t6.jpg">悠哉日常大王 第三季</div>
                                </a>
                            </div>
                            <div class="mrtj-nr">
                                <a href="bofang.html">
                                    <div><img src="sucai/t7.jpg">摇曳露营△ 第二季</div>
                                </a>
                            </div>
                            <div class="mrtj-nr">
                                <a href="bofang.html">
                                    <div><img src="sucai/T8.jpg">侵略！乌贼娘</div>
                                </a>
                            </div>
                            <div class="mrtj-nr">
                                <a href="bofang.html">
                                    <div><img src="sucai/t9.jpg">干物妹！小埋</div>
                                </a>
                            </div>
                            <div class="mrtj-nr">
                                <a href="bofang.html">
                                    <div><img src="sucai/t10.jpg">我的妹妹是黄漫老师OVA</div>
                                </a>
                            </div>
            </div>
        <div class="div6">
            <p style="margin: 16px ; color: #888899; font-size: 16px;">每周放送列表</p>
            <div class="daohanglan">
                <ul>
                    <li><a href="#" id="zhouyi">周一</a></li>
                    <li><a href="#">周二</a></li>
                    <li><a href="#">周三</a></li>
                    <li><a href="#">周四</a></li>
                    <li><a href="#">周五</a></li>
                    <li><a href="#">周六</a></li>
                    <li><a href="#">周日</a></li>
                </ul>
            </div>
            <div class="div8">
                <ul class="ul1">
                    <li><a href="#">从零开始</a></li>
                    <li><a href="#">转生成史莱姆</a></li>
                    <li><a href="#">悠哉日常</a></li>
                    <li><a href="#">剑网3·侠肝义胆</a></li>
                    <li><a href="#">哥斯拉</a></li>
                    <li><a href="#">进击的巨人</a></li>
                    <li><a href="#">日常</a></li>
                    <li><a href="#">邻家的吸血鬼小妹</a></li>
                    <li><a href="#">小林家的龙女仆</a></li>
                    <li><a href="#">幼女战记</a></li>
                    <li><a href="#">干物妹！小埋</a></li>
                    <li><a href="#">我的妹妹是</a></li>
                    <li><a href="#">中二病也要谈恋爱</a></li>
                    <li><a href="#">游戏人生</a></li>
                </ul>
                <ul class="ul2">
                    <li><a href="#">完结</a></li>
                    <li><a href="#">完结</a></li>
                    <li><a href="#">完结</a></li>
                    <li><a href="#">完结</a></li>
                    <li><a href="#">连载</a></li>
                    <li><a href="#">完结</a></li>
                    <li><a href="#">连载</a></li>
                    <li><a href="#">完结</a></li>
                    <li><a href="#">连载</a></li>
                    <li><a href="#">连载</a></li>
                    <li><a href="#">完结</a></li>
                    <li><a href="#">完结</a></li>
                    <li><a href="#">完结</a></li>
                    <li><a href="#">完结</a></li>
                </ul>
            </div>
        </div>

        <footer>
            <ul>
                <li><a href="#">关于动漫</a></li>
                <li><a href="#">免责声明</a></li>
                <li><a href="#">动漫目录</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
            <p>Copyright © 动漫网 www.dongman.com 2021-2021, All Rights Reserved.版权所有 </p>
    
            <p>鄂ICP备123456号-2 <img src="sucai/beian.png" /> 鄂公网安备 13456号</p>
        </footer>
    </div>
    
</body>
</html>